*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
img{
	display: block;
}
html{
	font-size: 26.6666666vw;
}
body{
	font-size: 16px;
}
html,body{
	width: 100%;
	height: 100%;
}
input,button,select{
	padding: 10px;
}
#index{
	width: 100%;
	height: 100%;
	background: url(/images/index_bg.png) center 0;
	background-size: cover;
	overflow: hidden;
}
#index .loginBtn,
#index .regBtn,
#index .playBtn,
#index .infoBtn{
	width: 200px;
	height: 48px;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -100px;
}
#index .loginBtn{
	background-image: url(/images/index_login.png);
	bottom: 140px;
}
#index .regBtn{
	background-image: url(/images/index_reg.png);
	bottom: 60px;
}
#index .playBtn{
	background-image: url(/images/index_play.png);
	bottom: 140px;
}
#index .infoBtn{
	background-image: url(/images/index_info.png);
	bottom: 60px;
}
#index .loginBtn a,
#index .regBtn a,
#index .playBtn a,
#index .infoBtn a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#reg .regRow,
#login .loginRow{
	margin: 10px;
}
#reg .regRow input,
#login .loginRow input{
	border: 1px solid #000;
	padding: 8px 14px;
}
.left{
	display: inline-block;
	width: 80px;
}
#play{
	width: 100%; 
	height: 100%;
	background: url(/images/play_bg.jpg) center 0;
	 background-size: cover;
	}
#play ul li{
	width:.5rem;
	height:.5rem;
	float: left;
	margin:.21rem;
	background-size: cover;
}
#play ul li.no_sel{
	background-image: url(/images/play_noSel.png);
}
#play ul li.sel{
	background-image: url(/images/play_sel.png);
}
#info{
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: red;
	background: url(/images/info_bg.jpg) center 0;
	background-size: cover;
}
#info h1{
	font-size: 80px;
}